<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>
        <button class="btn1" onclick="lol('嘴强王者')">点击包夜，成功上王者</button>
        <button class="btn1" id="btn1">点击包夜，成功上王者</button>

    </div>
    <script>
        function lol(title) {
            alert('我的段位：' + title);
        }
        var btn = document.getElementById('btn1');
        // btn.onclick = function() {
        //     alert('我的段位：坚韧黑铁');
        // }

        // addEventListener 添加事件监听
        // 一共三个参数，第一个是事件名称，是一个字符串，不需要加 on
        // 第二个参数是处理事件的函数
        // 只有第三个是可选的，类型是布尔值，true（捕获） 默认值是false（冒泡）
        btn.addEventListener('click', function () {
            alert('我的段位：荣耀黄金');
        })
        btn.addEventListener('dblclick', function () {
            alert('我的段位：荣耀黄金');
        })
        btn.addEventListener('contextmenu', function () {
            alert('我的段位：荣耀黄金');
        })
    </script>
</body>

</html>